<template>
  <div class="FormContentRight-Container pt-1 bg-white border">
    <a-tabs :centered="true" v-model="activeKey">
      <a-tab-pane key="1" tab="模块属性"></a-tab-pane>
      <a-tab-pane key="2" tab="全局属性"></a-tab-pane>
    </a-tabs>
    <div class="fields-content">
      <ModuleAttribute :data="rightOptionsData"></ModuleAttribute>
    </div>
  </div>
</template>
<script setup lang="ts">
import { ref, reactive, watch, onMounted } from 'vue'
import ModuleAttribute from './ModuleAttribute.vue';
import { rightOptionsData } from './formDataSource.ts'

const activeKey = ref<string | number>('1');



</script>
<style lang="less" scoped>
.FormContentRight-Container {
  width: 350px;
  height: 100%;
  flex-shrink: 0;
}

::v-deep.ant-tabs {

  .ant-tabs-tab {
    width: 140px;
    margin: 0px;

    div {
      width: 100%;
      text-align: center;
    }

  }
}
</style>